<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/template.xhtml">        
        <ui:define name="title">
            <h:outputText value="#{unidad.NuevoUnidad}"></h:outputText>
        </ui:define>
        <ui:define name="body">            

            <p:panel header="Nueva Unidad">
                <h:form id="frmCrearUnidad" enctype="multipart/form-data">   

                    <table border="0" style="font-size: small">
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtNum" value="#{unidad.NUMERO}"/>
                            </th>
                            <td width="200px" align="left">
                                <p:inputText id="txtNum" value="#{unidadController.selected.numero}" title="#{unidad.NUMERO}" required="true" requiredMessage="#{unidad.Campo_Numero}" size="35"/>
                            </td>
                            <td align="left"><p:message for="txtNum" /></td>
                            <td rowspan="12"  align="center">
                                <div align="right">
                                    <p:graphicImage width="400" height="200" url="../img/ico/unidad/nuevo.gif"/>                                                                    
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtHab" value="#{unidad.HABILITACION}"/>
                            </th>
                            <td align="left"><p:inputText id="txtHab" value="#{unidadController.selected.habilitacion}" title="#{unidad.HABILITACION}" required="true" requiredMessage="#{unidad.Campo_Habilitacion}" size="35"/></td>
                            <td width="280"><p:message for="txtHab" /></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtPlaca" value="#{unidad.PLACA}"/>
                            </th>
                            <td align="left"><p:inputText id="txtPlaca" value="#{unidadController.selected.placa}" title="#{unidad.PLACA}" required="true" requiredMessage="#{unidad.Campo_Placa}" size="35"/></td>
                            <td width="280"><p:message for="txtPlaca" /></td>
                        </tr>                        
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtFabricacion" value="#{unidad.FABRICACION}"/>
                            </th>
                            <td align="left"><p:inputText id="txtFabricacion" value="#{unidadController.selected.anioFabricacion}" title="#{unidad.FABRICACION}" required="true" requiredMessage="#{unidad.Campo_Fabricacion}" size="35"/></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtChasis" value="#{unidad.CHASIS}"/>
                            </th>
                            <td align="left"><p:inputText id="txtChasis" value="#{unidadController.selected.chasis}" title="#{unidad.CHASIS}" required="true" requiredMessage="#{unidad.Campo_Chasis}" size="35"/></td>
                            <td width="280"><p:message for="txtChasis" /></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtMotor" value="#{unidad.MOTOR}"/>
                            </th>
                            <td align="left"><p:inputText id="txtMotor" value="#{unidadController.selected.motor}" title="#{unidad.MOTOR}" required="true" requiredMessage="#{unidad.Campo_Motor}" size="35"/></td>
                            <td width="280"><p:message for="txtMotor" /></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtCarroceria" value="#{unidad.CARROCERIA}"/>
                            </th>
                            <td align="left"><p:inputText id="txtCarroceria" value="#{unidadController.selected.carroceria}" title="#{unidad.CARROCERIA}" required="true" requiredMessage="#{unidad.Campo_Carroceria}" size="35"/></td>
                            <td width="280"><p:message for="txtCarroceria" /></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="SelTipo" value="#{unidad.TIPO}"/>
                            </th>
                            <td align="left">
                                <p:selectOneMenu style="width: 275px" id="SelTipo" value="#{unidadController.selected.tipo}" required="true" requiredMessage="#{unidad.Campo_Tipo}">
                                    <f:selectItem id="item1" itemLabel="Seleccionar..." itemValue="" />
                                    <f:selectItem id="item2" itemLabel="Convencional" itemValue="CONVENCIONAL" />
                                    <f:selectItem id="item3" itemLabel="Tipo" itemValue="TIPO" />
                                    <f:selectItem id="item4" itemLabel="Articulado" itemValue="ARTICULADO" />                                    
                                </p:selectOneMenu>
                            </td>
                            <td width="280"><p:message for="SelTipo" /></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><h:outputText value="#{unidad.CAPACIDAD}"/></th>
                            <td align="left"><p:inputText id="txtCapacidad" value="#{unidadController.selected.capacidad}" title="#{unidad.CAPACIDAD}" required="true" requiredMessage="#{unidad.Campo_Capacidad}" size="35"/></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><h:outputText value="#{unidad.PUERTAS}"/></th>
                            <td align="left"><p:inputText id="txtPuertas" value="#{unidadController.selected.puertas}" title="#{unidad.PUERTAS}" required="true" requiredMessage="#{unidad.Campo_Puertas}" size="35"/></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><h:outputText value="#{unidad.PUERTAIZQ}"/></th>
                            <td align="left"><p:inputText id="txtPuertasIzq" value="#{unidadController.selected.puertasIzq}" title="#{unidad.PUERTAIZQ}" required="true" requiredMessage="#{unidad.Campo_PuertasIzq}" size="35"/></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">#{unidad.FOTO}</th>
                            <td align="left">
                                <p:fileUpload value="#{unidadController.selected.file}" mode="simple" />
                            </td>
                        </tr>
                        <tr>                                
                            <th align="center" colspan="2" scope="row"><p:commandButton ajax="false" action="#{unidadController.crearUnidad()}" value="Guardar"/></th>
                        </tr>                                       
                    </table>
                    <div style="font-size: small" align="right">
                        * Campos Obligatorios
                    </div>
                    <div align="left" style="font-size: small">                        
                        <h:link outcome="Index" value="#{unidad.RegresarIndex}" />
                    </div>    
                </h:form>       
            </p:panel>             
        </ui:define>
    </ui:composition>
</html>

